<template lang="html">
  <div class="main-page" id="home-page">
    <!-- 主体内容 -->
     <div class="main-content has-main-tabbar">
       <nav-bar :title="'美家美货'"/>
       <div class="">
         <ul>
           <li><router-link :to="{ path: '/active/become_vip', params: {} }">邀请vip</router-link></li>
           <li><router-link :to="{ path: '/active/join_vip/l1p01876', params: {} }">成为vip</router-link></li>
           <li><router-link :to="{ path: '/active/coupon_center', params: {} }">优惠券中心</router-link></li>
           <li><router-link :to="{ path: '/pact/privacy', params: {} }">美家美货用户隐私协议</router-link></li>
           <li><router-link :to="{ path: '/pact/invitation', params: {} }">邀请码如何获得</router-link></li>
           <li><router-link :to="{ path: '/pact/gvrp', params: {} }">美家美货注册服务协议</router-link></li>
           <li><router-link :to="{ path: '/active/exclusive', params: {} }">新手专享</router-link></li>
           <li><router-link :to="{ path: '/active/limit', params: {} }">限量抢购</router-link></li>
           <li><router-link :to="{ path: '/main/giftbagDetails', query:{item_id: 470}}">大礼包分享详情</router-link></li>
           <li><router-link :to="{ path: '/main/shopDetails', query:{item_id: 470}}">详情</router-link></li>
           <li><router-link :to="{ path: '/personal/help', params: {} }">帮助中心</router-link></li>
           <li><router-link :to="{ path: '/personal/business', params: {} }">商家入驻</router-link></li>
           <li><router-link :to="{ path: '/personal/about', params: {} }">关于我们</router-link></li>
           <li><router-link :to="{ path: '/personal/privacy', params: {} }">隐私协议</router-link></li>
         </ul>
       </div>
    </div>
    <!-- 底部 tarbar -->
    <van-tabbar class="main-tabbar"
      :value="active"
      :z-index="11"
      active-color="#07c160"
    >
      <van-tabbar-item icon="home-o" to="/home" :replace="true">首页</van-tabbar-item>
      <van-tabbar-item icon="shop-o" to="/merber/index">会员</van-tabbar-item>
      <van-tabbar-item icon="user-o" to="/personal_center/index">个人中心</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
import NavBar from '@/components/global/nav-bar.vue'

export default {
  components: { NavBar },
  data () {
    return {
      active: 0
    }
  },
  created () {
    // switch (this.$route.path) {
    //   case '/store/index':
    //     this.active = 1
    //     break
    //   case '/loan/index':
    //     this.active = 2
    //     break
    //   case '/user/index':
    //     this.active = 3
    //     break
    //   default:
    //     this.active = 0
    // }
  },
  methods: {
  }
}
</script>
